<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<title>添加标记</title>
		<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}
			body, button, input, select, textarea {
				font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
			}
			#info {
				width: 603px;
				padding-top: 3px;
				overflow: hidden;
			}
			.btn {
				width: 112px;
			}
			#container {				
				min-width: 200px;
				min-height: 450px;
			}
		</style>
		<script>
			var init = function() {
				input='{$latlng}';
				var latlngStr = input.split(",", 2);
				//解析成浮点数 取值第一位 第二位
				var lat = parseFloat(latlngStr[0]);
				var lng = parseFloat(latlngStr[1]);
				
				var center = new qq.maps.LatLng(lat,lng);
				var map = new qq.maps.Map(document.getElementById('container'), {
					center : center,
					zoom : 13
				});
				//创建marker
				var marker = new qq.maps.Marker({
					position : center,
					map : map
				});
			};
		</script>
	</head>
	<body onload="init()">
		<div id="container"></div>
	</body>
</html>